<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>地址列表</title>
    <link rel="stylesheet" href="../../css/aui.css">
    <link rel="stylesheet" href="../../css/main.css">
    <link rel="stylesheet" href="../../css/aui-flex.css">
    <link rel="stylesheet" type="text/css" href="../../css/LArea.min.css" />
    <link rel="stylesheet" href="css/my_address.css">

    <script type="text/javascript" src="../../js/base.js"></script>

    <style type="text/css">
        .aui-list .aui-list-item{
            background-size:100% 0;
        }
        .aui-list .aui-list-item{
            padding-left:0;
        }
        .area_ctrl{
            background:#fff;
        }
        .aui-radio:checked, .aui-radio.aui-checked, .aui-checkbox:checked, .aui-checkbox.aui-checked {
            background-color: #f10b31;
            border: solid 1px #f10b31;
        }
        @media screen and (min-width:377px) and (max-width:415px){
            .aui-dialog-footer{  border-top: 1px solid #ddd;background-size:100% 0 }
            .aui-dialog-footer>div:nth-child(1){  border-right: 1px solid #ddd;  }
        }

    </style>
</head>
<body style="margin-bottom: 5rem">
<!--<header class="aui-bar aui-bar-nav aui-bar-top">-->
    <!--<div class="aui-pull-left aui-btn goBack">-->
        <!--<span class="aui-iconfont aui-icon-left"></span>-->
    <!--</div>-->
    <!--<div class="aui-title">地址列表</div>-->
<!--</header>-->
<section id="app" v-cloak>
    <div v-if="navigator && navigator.onLine === true">
    <div class="address " style="color:#9e9e9e;" v-for="ads,index in addressList" >
        <div   v-on:click="choseAddress(index)">
            <div class="aui-padded-t-10 aui-padded-l-15" style="height:2rem;line-height: 2rem;color:#000">
                    <div class="aui-pull-left">{{ads.consignee}}</div>
                    <div class="aui-pull-right aui-padded-r-10">{{ads.tel}}</div>
            </div>
            <div style="clear:both"></div>
            <div class="aui-padded-l-15" style="width:95%" >{{ads.province_name}} {{ads.city_name}} {{ads.district_name}}  {{ads.address}}</div>
            <!--<div class="aui-padded-l-15" style="width:95%">{{ads.address}}</div>-->
        </div>
        <div style="width:94%;border-bottom:1px solid #efefef;margin:0.5rem 3% 0 3%" ></div>
        <div class="aui-margin-10  aui-padded-t-5" >
            <div class="aui-pull-left" @click="listCheckBtn(index)">
                <label v-if="ads.is_def==1"><input class="aui-radio"  type="radio" name="aui-radio-address"  checked="checked"> 默认地址</label>
                <label v-if="ads.is_def==0"><input class="aui-radio"  type="radio" name="aui-radio-address"  > 默认地址</label>
            </div>
            <div class="aui-pull-right" style="position: relative;top:-0.3rem;width:8rem">

                <span v-on:click="editAddress(index)" style="display:block;position: absolute;top:0.3rem;left:1.5rem">
                     <img src="../../icon/2-1/edit.png" alt="" style="width:1.5rem;display:block;position: absolute;top:-0.3rem;left:-1.5rem">
                      编辑
                </span>
                <img src="../../icon/2-1/detele.png" alt="" style="width:1.5rem;display:block;position: absolute;top:0rem;left:4.5rem">
                <span v-on:click="deleteBtn(index)"  style="display:block;position: absolute;top:0.3rem;left:6rem">

                   删除
                </span>
            </div>
        </div>
    </div>
    <p><div class="aui-btn aui-btn-info addBtn" v-on:click="goAddRegion()">添加地址</div></p>
    </div>


        <div v-if="navigator && navigator.onLine === false" style="position:relative;" @click="goOnLine()">
            <div style="position:absolute;top:50%;left:50%;margin-top:0rem;margin-left: -3rem">
                <img src="../../icon/duanwang.png" alt="" style="width:6rem">
                <div class="aui-text-center aui-margin-t-15">暂无网络</div>
            </div>

            <div  class="aui-text-center textCol" style="position:absolute;top:50%;left:50%;margin-top:8rem;margin-left: -86px">请连接网络后,点击刷新</div>
        </div>

    <!--</section>-->

</section>
<script type="text/javascript" src="../../js/zepto.min.js"></script>
<script type="text/javascript" src="../../js/vue.min.js"></script>
<script type="text/javascript" src="../../js/api.js"></script>
<script type="text/javascript" src="../../js/aui-toast.js" ></script>
<script type="text/javascript" src="../../js/aui-dialog.js" ></script>
<script type="text/javascript" src="./js/my_address.js"></script>

<script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script type="text/javascript" src="../../js/weixin.js" ></script>

</body>
</html>